<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css"/>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <title>Document</title>
</head>
<body>
    <!-- 顶部 -->
    <div class="container-fluid hidden-xs box">
        <div class="container main">
            <div class="row">
                <!-- 左边 -->
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <ul class="nav nav-pills h">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">华为</a></li>
                        <li><a href="#">花粉俱乐部</a></li>
                        <li><a href="#">V码(优购码)</a></li>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">Select Region</a></li>
                        <li>
                            <a  class="dropdown-toggle" data-toggle="dropdown"href="#">
                            更多精彩<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">HarmonyOS</a></li>
                            <li><a href="#">应用市场</a></li>
                            <li><a href="#">华为终端云空间</a></li>
                            <li><a href="#">开发者联盟</a></li>
                        </ul>
                    </li>
                      </ul>
                </div>
                <!--右边  -->
                <div class="col-lg-6 col-md-6 col-sm-6 hidden-xs row">
                    <ul class="nav nav-pills h col-md-4 col-md-push-1 login">
                        <!-- <li><a href="../html/longin.html">请登录</a></li>
                        <li><a href="../html/register.html">注册</a></li> -->
                        <!-- <li><a href="#">我的订单</a></li>
                        <li><a href="#">客服<span class="caret"></span></a></li>
                        <li><a href="#">网站导航<span class="caret"></span></a></li>
                        <li><a href="#">手机版<span class="caret"></span></a></li>
                        <li>
                            <a href="#">
                            <span style="margin-right: 1px;" class="glyphicon glyphicon-shopping-cart"></span>购物车
                            </a>
                        </li> -->
                      </ul>
                      <ul class="nav nav-pills h col-md-8">
                        <li><a href="#">我的订单</a></li>
                        <li>
                          <a class="dropdown-toggle"  data-toggle="dropdown"href="#" href="#">
                            客服<span class="caret"></span>
                          </a>
                          <ul class="dropdown-menu">
                            <li><a href="#">服务中心</a></li>
                            <li><a href="#">联系客服</a></li>
                        </ul>
                        </li>
                        <li><a href="#">网站导航</a></li>
                        <li><a href="#">手机版<span class="caret"></span></a></li>
                        <li>
                            <a href="cart.html">
                            <span style="margin-right: 1px;" class="glyphicon glyphicon-shopping-cart"></span>购物车
                            </a>
                        </li>
                      </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div class="container-fluid box1" style="position:sticky;top:0px;z-index: 1;">
        <div class="container main">
            <div class="row">
                <div class="col-md-2 nav-left">
                    <a href="index.html"><img src="../img/logo_app.png"/></a>
                </div>
                <div class="col-md-7">
                    <ul class="nav nav-pills nav-justified nav1">
                        <li class="nav-item">
                          <a class="nav-link active" href="list.html">列表页</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="#">鸿蒙智联</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="#">莫塞尔</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link disabled" href="#">华为智选</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#">HarmonyOS</a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link disabled" href="#">特惠企采</a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link disabled" href="#">教育购</a>
                          </li>
                      </ul>
                </div>
                <div class="col-md-3 row nav-right">
                    <input type="text" class="inpt"/>
                    <ul class="seek">
                        <!-- <li index='1' class='s'>ssssss</li> -->
                    </ul>
                    <span class="glyphicon glyphicon-search col-md-2  col-md-push-11 shoushu"></span>
                </div>
            </div>
        </div>
    </div>
<!-- 轮播 -->
    <div class="swiper" style="height:500px;width: 100%;z-index: 0;" >
      <div class="swiper-wrapper">
          <div class="swiper-slide" index="28"><img src="https://res.vmallres.com/uomcdn/CN/cms/202206/6D0628DF958C703C71EBB9CDE1AF8E8A.jpg"/></div>
          <div class="swiper-slide" index="50"><img src="https://res.vmallres.com/uomcdn/CN/cms/202206/F2311CB4C559FE8F718A3EBB774B0FCA.png"/></div>
          <div class="swiper-slide" index="60"><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/12ECC885513BF79F8C285DCCCD8AD68A.jpg"/></div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      
      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev" style="left:400px;width: 60px;height: 60px;color: rgb(236, 232, 232);"></div>
      <div class="swiper-button-next" style="right:200px;width: 60px;height: 60px;color: rgb(236, 232, 232);"></div>

      <ul class="nav nav-pills nav-stacked lunbo hidden-xs hidden-sm row" style="z-index: 1;">
        <li><a href="#">手机<span>></span></a></li>
        <li><a href="#">平板<span>></span></a></li>
        <li><a href="#">电脑<span>></span></a></li>
        <li><a href="#">智能屏<span>></span></a></li>
        <li><a href="#">穿戴<span>></span></a></li>
        <li><a href="#">配件<span>></span></a></li>
        <li><a href="#">生态产品<span>></span></a></li>
        <li><a href="#">家用电器<span>></span></a></li>
        <li><a href="#">美食酒饮<span>></span></a></li>
        <li><a href="#">耳机音响<span>></span></a></li>
      </ul>
    </div>
<!-- 导航2 -->
    <div class="container-fluid box2" style="height:100px;">
        <div class="container main">
            <div class="row">
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-th-list"></span><p>智能家居</p></div>
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-road"></span><p>智能家居</p></div>
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-headphones"></span><p>智能家居</p></div>
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-adjust"></span><p>智能家居</p></div>
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-eject"></span><p>智能家居</p></div>
                <div class="col-md-2 text-center sp1 "><span class="glyphicon glyphicon-screenshot"></span><p>智能家居</p></div>
            </div>
        </div>
    </div>
    <!-- 商品信息 -->
    <div class="container-fluid hidden-xs box2">
        <div class="container main">
              <div class="h4" style="font-weight:bold;">秒杀</div>
                <div class="row miaosha list">
      
                    <!-- <div class="col-sm-6 col-md-3 text-center " >
                      <a href="#" style="text-decoration: none;">
                        <div class="thumbnail tr">
                          <img src="../img/428_428_BBEC88BFE585CBC6FDB5A4AF49B8AC18C005ECA12ABED2AFmp.webp" alt="...">
                          <div class="caption">
                            <p><strong>OGAwA奥佳华家按摩椅 OG</strong></p>
                            <p class="dian">欢迎选购商品1欢迎选购商品1欢迎选购商品1</p>
                            <p style="color: rgb(232, 94, 94);">266￥</p>
                          </div>
                        </div>
                      </a>
                    </div> -->

              </div>
        </div>
    </div>
    <div class="container-fluid hidden-xs box2">
      <div class="container main list">
            <div class="h4" style="font-weight:bold;">爆款推荐</div>
              <div class="row baokuan">
                  
                <!-- <div class="col-sm-6 col-md-3 text-center " >
                    <a href="#" style="text-decoration: none;">
                      <div class="thumbnail tr">
                        <img src="../img/428_428_BBEC88BFE585CBC6FDB5A4AF49B8AC18C005ECA12ABED2AFmp.webp" alt="...">
                        <div class="caption">
                          <p><strong>OGAwA奥佳华家按摩椅 OG</strong></p>
                          <p class="dian">欢迎选购商品1欢迎选购商品1欢迎选购商品1</p>
                          <p style="color: rgb(232, 94, 94);">266￥</p>
                        </div>
                      </div>
                    </a>
                  </div>    -->

            </div>
      </div>
  </div>
  <div class="container-fluid hidden-xs box2">
    <div class="container main list">
          <div class="h4" style="font-weight:bold;">手机<small> 企业购专区</small></div>
            <div class="row shouji">
  
                <!-- <div class="col-sm-6 col-md-3 text-center " >
                  <a href="#" style="text-decoration: none;">
                    <div class="thumbnail tr">
                      <img src="../img/428_428_BBEC88BFE585CBC6FDB5A4AF49B8AC18C005ECA12ABED2AFmp.webp" alt="...">
                      <div class="caption">
                        <p><strong>OGAwA奥佳华家按摩椅 OG</strong></p>
                        <p class="dian">欢迎选购商品1欢迎选购商品1欢迎选购商品1</p>
                        <p style="color: rgb(232, 94, 94);">266￥</p>
                      </div>
                    </div>
                  </a>
                </div>     -->
                
          </div>
    </div>
</div>
   <!-- 底部 -->
    <div class="container-fluid hidden-xs" style="height:400px;">
      <div class="container main">
        <div class="row banner">
          <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="glyphicon glyphicon-lock"></span><span>百强企业</span><span>品质保证</span></div>
          <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="glyphicon glyphicon-book"></span><span>7天退货</span><span>15天退货</span></div>
          <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="	glyphicon glyphicon-tint"></span><span>48元起免运费</span></div>
          <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="	glyphicon glyphicon-stop"></span><span>2000家服务店</span><span>全国联保</span></div>
        </div>
        <div class="row banner1">
          <div class="col-md-9" style="height: 100%;">
          <div class="row" style="height:40px;">
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">购物指南</div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">售后服务</div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">维修与技术支持</div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">特色服务</div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">关于我们</div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center">友情链接 ></div>
          </div>
          <div class="row" style="height:100px;">
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>免息分期</li>
                <li>依旧换新</li>
                <li>众测活动</li>
                <li>企业购</li>
                <li>O2O采购</li>
                <li>售后服务</li>
              </ul>
            </div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>门店维修</li>
                <li>保修政策</li>
                <li>防伪查询</li>
                <li>退换货政策</li>
                <li>手机寄修服务</li>
              </ul>
            </div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>服务店</li>
                <li>预约维修</li>
                <li>手机寄修</li>
                <li>备件价格查询</li>
                <li>上门服务</li>
                <li>特色服务</li>
              </ul>
            </div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>防伪查询</li>
                <li>补购保障</li>
                <li>以旧换新</li>
                <li>礼品包装</li>
                <li>关于我们</li>
              </ul>
            </div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>公司介绍</li>
                <li>华为零售店</li>
                <li>商家中心</li>
                <li>意见反馈</li>
                <li>友情链接</li>
              </ul>
            </div>
            <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
              <ul class="list-unstyled listun">
                <li>华为集团</li>
                <li>华为CBG官网</li>
                <li>花粉俱乐部</li>
                <li>华为云</li>
                <li>华为应用市场</li>
                <li>华为心声社区</li>
                <li>950805</li>
              </ul>
            </div>
          </div>
          </div>
          <div class="col-md-3 text-center" style="height: 100%;">
          <p><strong>9500805</strong></p>
          <p>72小时服务</p>
          <button class="btt"><span class="glyphicon glyphicon-headphones" style="margin-right: 5px;"></span>在线客服</button>
          </div>
        </div>
      </div>
    </div>
</body> 
</html>
<script>
    /*

    */
</script>
<script src="../utils/ajax.js"></script>
<script src="../lib/layer/layer.js"></script>
<script src="../js/index.js"></script>
<script src="../utils/cookie.js"></script>
<script src="../lib/swiper/swiper-bundle.min.js"></script>
<script src="../js/checkLogin.js"></script>
<script>
   var mySwiper = new Swiper ('.swiper', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    paginationClickable: true,
    speed:600,
    autoplay : {
      // 鼠标移入时停止轮播，离开时开启轮播
      // pauseOnMouseEnter: true,
      // 用户操作页面后还停止自动轮播
      disableOnInteraction: false,
     delay:1300
  },
  effect : 'fade',
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
  })      
</script>